<template>
  <tabbar>
    <tabbar-item path="/home" active-color="deeppink">
      <img slot="itme-icon" src="../../../assets/img/tabbar/shouye.jpg">
      <img slot="itme-icon-active" src="../../../assets/img/tabbar/shouye1.jpg">
      <div slot="itme-text">首页</div>
    </tabbar-item>
    <tabbar-item path="/category">
      <img slot="itme-icon" src="../../../assets/img/tabbar/fenlei.jpg">
      <img slot="itme-icon-active" src="../../../assets/img/tabbar/feilei1.jpg">
      <div slot="itme-text">分类</div>
    </tabbar-item>
    <tabbar-item path="/cart">
      <img slot="itme-icon" src="../../../assets/img/tabbar/gouwuche.jpg">
      <img slot="itme-icon-active" src="../../../assets/img/tabbar/gouwuche1.jpg">
      <div slot="itme-text">购物车</div>
    </tabbar-item>
    <tabbar-item path="/profile">
      <img slot="itme-icon" src="../../../assets/img/tabbar/wode.jpg">
      <img slot="itme-icon-active" src="../../../assets/img/tabbar/wode1.jpg">
      <div slot="itme-text">我的</div>
    </tabbar-item>
  </tabbar>

</template>

<script>
  import tabbar from '../../common/tabBar/tabbar';
  import tabbarItem from "../../common/tabBar/tabbarItem";

  export default {
    name: "mainTabBar",
    components: {
      tabbar,
      tabbarItem
    }
  }
</script>

<style scoped>

</style>
